// 弹性布局
@import "~taro-ui/dist/style/components/flex.scss";
// icon
@import "~taro-ui/dist/style/components/icon.scss";

.com_one {
    background-color: #00CC00;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px;

    .group_name {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 10px;

        Text:first-child {
            font-size: 40px;
        }
    }

    .com_msg {
        font-size: 24px;
    }
}

.location {
    border-bottom: 1px solid #F2F2F2;
    padding: 20px;
    font-size: 24px;

    View:first-child {
        margin-right: 20px;
    }

    View:last-child {
        text-align: right;
    }
}

.com_two {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 20px;
    border-bottom: 1px solid #F2F2F2;

    .group_name {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 10px;

        Text:first-child {
            font-size: 40px;
        }

        Text:last-child {
            font-size: 40px;
            color: #00CC00;
        }
    }

    .com_msg {
        font-size: 24px;

        .at-icon-phone {
            color: #00CC00;
        }
    }
}